$(function () {
   $('#save-banner-btn') .click(function (event) {
      event.preventDefault();
      // 这个self 指这个保存的按钮
      var self = $(this)
      var dialog = $('#banner-dialog');
      var nameInput = $('input[name="name"]');
      var image_urlInput = $('input[name="image_url"]');
      var link_urlInput = $('input[name="link_url"]');
      var priorityInput = $('input[name="priority"]');

      var name = nameInput.val();
      var image_url = image_urlInput.val();
      var link_url = link_urlInput.val();
      var priority = priorityInput.val();
      // 获取到保存按钮上的 data-type 数据，然后判断是更新操作，还是添加操作
      var submitType = self.attr('data-type');
      var bannerId = self.attr('data-id');

      if(!name || !image_url || !link_url || !priority){
          xtalert.alertInfoToast('请输入完整的轮播图数据！');
          return;
      }
      // 判断获取到的data-type的数据，传入相应的url
      var url = '';
      if(submitType=='update'){
          url = '/cms/ubanner/'
      }else {
          url = '/cms/abanner/'
      }
      // 发送ajax请求到后台
      zlajax.post({
          'url':url,
          'data':{
              'name':name,
              'image_url':image_url,
              'link_url':link_url,
              'priority':priority,
              'banner_id':bannerId
          },
          'success':function (data) {
              dialog.modal('hide');
              if(data['code'] == 200){
                  window.location.reload()
              }else{
                  xtalert.alertInfo(data['message'])
              }
          }
      })
   });
});
$(function () {
   $('.edit-banner-btn').click(function (event) {
       event.preventDefault();
       var self = $(this)
       var dialog = $('#banner-dialog');
       dialog.modal('show');

       // 前端将banner的属性绑定到编辑按钮父节点再父节点的tr属性上
       // 获取到这些属性
       var tr = self.parent().parent();
       var name = tr.attr('data-name');
       var image_url = tr.attr('data-image');
       var link_url = tr.attr('data-link');
       var priority = tr.attr('data-priority');

       // 获取标签
       var nameInput = dialog.find('input[name="name"]');
       var image_urlInput = dialog.find('input[name="image_url"]');
       var link_urlInput = dialog.find('input[name="link_url"]');
       var priorityInput = dialog.find('input[name="priority"]');
       var saveBtn = dialog.find('#save-banner-btn');

       // 将获取到的属性的值，放在这几个标签中
       nameInput.val(name);
       image_urlInput.val(image_url);
       link_urlInput.val(link_url);
       priorityInput.val(priority);
       saveBtn.attr('data-type','update');
       saveBtn.attr('data-id',tr.attr('data-id'));
   })
})
$(function () {
   $('.del-banner-btn').click(function (enevt) {
       event.preventDefault();
       // 下面这两步的操作主要是为了得到tr标签里面的data-id属性
       var self = $(this);
       var tr = self.parent().parent();
       xtalert.alertConfirm({
           'msg':'你确定要删除轮播图吗？',
           'confirmCallback':function () {
               zlajax.post({
                   'url':'/cms/dbanner/',
                   'data':{
                    'banner_id':tr.attr('data-id')
                   },
                   'success':function (data) {
                       if(data['code'] == 200){
                           window.location.reload()
                       }
                   }
               })
           }
       })
   })
});